<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
	<style>
		.nav{
			background-color: red;
		}
	</style>
</head>
<body>
    <div id="main">
		{{index}}
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/vue.min.js"></script>
<script type="text/javascript">
    apiready = function(){
		var mainEl = $api.byId('main')
		var index = api.pageParam.wareTypeIndex
		// function renderMainEl(index) {
		// 	switch(index){
		// 		case:
		// 	}
		// }
		renderMainEl()
		function renderMainEl() {
			new Vue({
				el: '#main',
				data:function(){
					return {
						index:index+1,
						test:'asdsdasda'
					}
				}
			})
		}
    };
</script>
</html>